<template>
	<view>
		<view class="loading_page" v-show="loadShow">
			<span class="loader-61"> </span>
		</view>
	</view>
</template>

<script>
	export default {
		name:"dio-loadPage",
		data() {
			return {
				
			};
		},
		props:['loadShow']
	}
</script>

<style lang="scss" scoped>
	@-webkit-keyframes animloader61 {
		0% {
			height: 48px;
		}
	
		100% {
			height: 4.8px;
		}
	}
	
	@keyframes animloader61 {
		0% {
			height: 48px;
		}
	
		100% {
			height: 4.8px;
		}
	}
	
	@-webkit-keyframes animloader61m {
		0% {
			height: 40px;
			transform: translateY(0);
		}
	
		100% {
			height: 10px;
			transform: translateY(30px);
		}
	}
	
	@keyframes animloader61m {
		0% {
			height: 40px;
			transform: translateY(0);
		}
	
		100% {
			height: 10px;
			transform: translateY(30px);
		}
	}
	.loader-61 {
	  width: 8px;
	  height: 40px;
	  border-radius: 4px;
	  display: inline-block;
	  position: relative;
	  background: currentColor;
	  color: #ffdf00;
	  -webkit-animation: animloader61 0.3s 0.3s linear infinite alternate;
	          animation: animloader61 0.3s 0.3s linear infinite alternate;
	}
	.loader-61::after, .loader-61::before {
	  content: "";
	  width: 8px;
	  height: 40px;
	  border-radius: 4px;
	  background: currentColor;
	  position: absolute;
	  top: 50%;
	  transform: translateY(-50%);
	  left: 20px;
	  -webkit-animation: animloader61 0.3s 0.45s linear infinite alternate;
	          animation: animloader61 0.3s 0.45s linear infinite alternate;
	}
	.loader-61::before {
	  left: -20px;
	  -webkit-animation-delay: 0s;
	          animation-delay: 0s;
	}
</style>